<template>
    <div>
        <div class="container-fluid p-0">
            <section class="resume-section p-3 p-lg-5 d-flex d-column" id="theory">
                <div class="my-auto">
                    <h2 class="mb-5">原理介绍</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/time.png">
                        </div>
                    </div>
                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex d-column" id="install">
                <div class="my-auto">
                    <h2 class="mb-5">第一步: 安装App</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">下载 BufPay Android App</h3>
                            <div class="subheading mb-3"></div>
                            <p>
                                <a href="/htdocs/bufpay.apk">点击下载</a>
                            </p>
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">配置App</h3>
                            <div class="subheading mb-3">BufPay App安装好以后，必须开启相关权限，否则BufPay App无法检测到支付通知。</div>
                            <p>
                                <a href="#miui" class="js-scroll-trigger">小米手机配置</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="#samsung" class="js-scroll-trigger">三星手机配置</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="#huawei" class="js-scroll-trigger">华为手机配置</a>&nbsp;&nbsp;&nbsp;&nbsp;部分手机没有制作教程，请参考小米手机配置。</p>
                            <p>
                                <span class="text-danger">注意：</span>修改手机这些设置的目的是为了在微信和支付宝收到款以后，在手机通知栏出现通知消息同时不让手机进入休眠和结束 BufPay App、微信、支付宝进程，这样才能保证正常收款。</p>
                            <p>
                                <span class="text-danger">注意：</span>用于安装 BufPay App 的这个手机最好放在家里
                                <span class="text-danger">专用</span>，并且一直连上充电线，并且返回到手机桌面（不要进入微信、支付宝APP界面，否则可能收到款后系统不会提示，导致无法回调）。</p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="conf">
                <div class="my-auto">
                    <h2 class="mb-5">第二步: 配置收款码</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0"></h3>
                            <div class="subheading mb-3"></div>
                            <p>「BufPay 个人收款」 的原理是通过安装到手机的App监控手机微信、支付宝的二维码扫码支付到账通知并回调开发者应用。消费者在支付的时候是扫描开发者的个人微信、支付宝收款二维码。</p>
                            <ul>
                                <li>先
                                    <a href="/login" target="_blank">注册并且登陆</a> bufpay.com</li>
                                <li>在
                                    <a href="/main#/conf" target="_blank">应用配置</a> 页面，上传你自己
                                    <span class="text-danger">微信、支付宝 App 直接生成收款二维码，固定金额和不固定金额二维码</span>
                                </li>
                            </ul>
                            <p>
                                <span class="text-danger">注意：</span>当你发起支付请求的时候，系统会自动匹配和支付价格最接近的固定金额支付二维码，如果没有找到可用的（比如已经被使用或者不存在这个价格的支付二维码）系统会使用不固定金额支付二维码（支付页面会提示消费者手动输入支付金额）。</p>
                            <p>举例：比如你的商品价格是￥35，那么你可以上传你自己的微信、支付宝固定金额支付二维码￥34.97、￥34.98、￥34.99、￥35、￥35.01、￥35.02、￥35.03。当你发起金额为￥35支付请求的时候，会把 ￥35±0.1 的支付二维码都作为候选，选择一个最接近并且当前没有被使用的支付二维码返回给消费者支付。</p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="api">
                <div class="my-auto">
                    <h2 class="mb-5">第三步: API接入</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">发起付款接口</h3>
                            <div class="subheading mb-3"></div>
                            <pre>接口地址：https://bufpay.com/api/pay/<span class="text-danger">aid</span>  （在后台应用配置页面查看）
调用方法：POST (注意 content-type 设置为 application/x-www-form-urlencode 哦)
调用参数：
 - name, 必填, 订单销售商品名称
 - pay_type, 必填, 支付方式（可选alipay/wechat）
 - price, 必填, 订单价格
 - order_id, 必填, 订单号
 - order_uid, 必填, 订单购买用户（可以为空字符串，但是建议设置为购买用户编号，便于后续对账）
 - notify_url, 必填, 支付成功后回调地址
 - return_url, 必填, 支付成功后前台跳转地址（可以为空字符串）
 - feedback_url, 选填, 用户支付后未到账（可能超时付款），支付页面显示的反馈按钮链接（可以为空字符串）
 - sign, 必填, 将参数按 <span class="text-danger">name + pay_type + price + order_id + order_uid + notify_url + return_url + feedback_url + app secret</span> 顺序拼接后 MD5

<span class="text-danger">注意：</span>如果你希望使用 bufpay 的支付页面，那么你的后台构造签名等参数后返回给用户浏览器，在浏览器提交 form 到 bufpay，就会显示支付页面；
如果要自定义支付页面，那么就在 api 后面加参数 format=json 你后台请求这个接口返回结果就是 json 格式的，需要你自己展示付款二维码。
<span class="text-danger">注意：</span>如果 api 后面加参数 price_type=floor 只会用价格小于请求价格的二维码；加参数 price_type=ceil 只会用价格大于请求价格的二维码。

json 格式接口返回：
 {
     "status": "ok",
     "aoid": "cad5076f55834f5fadddcfc018cc4068",
     "pay_type": "wechat",
     "price": "35.00",
     "qr_price": "",
     "qr": "wxp://f2f0-vFHHDCw3L4kPne1JzXyQ0nO0QKpQK2e"
     "qr_img": "......Bxiv/2Q==",
     "expires_in": 270,
     "return_url": "http://sideidea.com/bufpay_return",
     "feedback_url": "http://sideidea.com/feedback",
 }

 - status, 付款请求结果（只有为 ok 的时候才有其他的值）
 - aoid, bufpay平台订单唯一标示可用于查询订单状态
 - pay_type, 支付类型 alipay/wechat
 - price, 订单价格
 - qr_price, 实际支付二维码的金额，<span class="text-danger">如果为空表示使用的是不固定金额二维码，具体金额需要用户输入，需要显示让用户输入 price 的数值</span>
 - qr, 支付二维码内容
 - qr_img, 支付二维码图片 base64 格式
 - expire_in, 支付二维码剩余有效秒数
 - return_url, 支付成功跳转地址
 - feedback_url, 用户支付后未到账（可能超时付款），支付页面显示的反馈按钮链接

<span class="text-danger">错误代码：</span>
 - {"status": "sign_error"}, 签名错误
 - {"status": "order_payed"}, 订单已支付
 - {"status": "order_expire"}, 订单已过期
 - {"status": "qr_limit"}, 支付二维码不足
 - {"status": "missing_argument", "info": "xxxxx"}, 缺少 xxxx 参数
              </pre>
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">成功支付后 BufPay 通知回调</h3>
                            <div class="subheading mb-3">当订单支付成功后 BufPay 会立即向你的服务器发起回调通知</div>
                            <pre>接口地址：你传入的 notify_url 参数
调用方法：POST
调用参数：
 - aoid, bufpay平台订单唯一标识
 - order_id, 你传入的 order_id 参数
 - order_uid, 你传入的 order_uid 参数
 - price, 订单价格
 - pay_price, 用户支付的金额
 - sign, 签名, 参数 aoid + order_id + order_uid + price + pay_price + app secret 顺序拼接后 MD5

当你收到 BufPay 的回调请求后，如果响应 HTTP code 200 那么 BufPay 会认为通知成功, 否则会再次通知 6 次，间隔为 1/2/4/16/64/300 分钟。
              </pre>
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">付款结果查询接口</h3>
                            <div class="subheading mb-3"></div>
                            <pre>接口地址：https://bufpay.com/api/query/<span class="text-danger">aoid</span>
调用方法：GET

<span class="text-danger">注意：</span>api 里面的 aoid 为发起付款接口返回的 aoid
<span class="text-danger">注意：</span>该接口支持 JSONP 方式调用，增加 callback 参数即可

接口返回：
 - {"status": "not_exist"}, 订单不存在
 - {"status": "new"}, 新订单
 - {"status": "payed"}, 订单已支付未回调
 - {"status": "success"}, 订单已支付已经回调成功
 - {"status": "fee_error"}, 账户余额不足扣除手续费失败，订单未回调
 - {"status": "expire"}, 订单已过期
              </pre>
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">签名函数示例（Python）</h3>
                            <div class="subheading mb-3"></div>
                            <pre>import hashlib

def sign(*p):
    return hashlib.md5(u''.join(p).encode('utf8')).hexdigest().lower()

sign(
    u'内容订阅一年期',
    'wechat',
    '50.00',
    '102',
    'hi@example.com',
    'http://example.com/bufpay_notify',
    'http://example.com',
    'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'  #app secret
)
              </pre>
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5" id="demo">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">Demo下载</h3>
                            <div class="subheading mb-3"></div>
                            <p>
                                <a href="/htdocs/bufpay_api_demo.py.zip">Python</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="/htdocs/bufpay_api_demo.php.zip">PHP</a>
                            </p>
                        </div>
                    </div>

                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="multi">
                <div class="my-auto">
                    <h2 class="mb-5">多手机收款配置</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">1. 在你的 BufPay 账号后台「应用配置」页面开启多手机收款</h3>
                            <div class="subheading mb-3"></div>
                            <p>设置手机所占权重，分别为不同手机上传该手机上微信支付宝的收款二维码。</p>
                            <p>
                                <span class="text-danger">注意：</span>手机被选中的概率为，该手机权重占所有手机总权重的比例，如果被中的手机不存在合适的二维码，那么会在其余手机中选择合适的二维码。</p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/client_conf.png" style="box-shadow: 1px 1px 4px rgba(0,0,0,0.4);border-radius: 3px;">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">2. 在 BufPay App 首页选择该手机编号</h3>
                            <div class="subheading mb-3"></div>
                            <p>
                                <span class="text-danger">注意：</span>每个收款的手机安装的 BufPay App 都需要在首页为其选择好编号。</p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/client.png" class="screenshot">
                        </div>
                    </div>

                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="faq">
                <div class="my-auto">
                    <h2 class="mb-5">FAQ</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0"></h3>
                            <div class="subheading mb-3"></div>
                            <ul>
                                <li>
                                    <strong>用「BufPay 个人收款」收款安全吗？</strong>
                                </li>
                                <p>肯定的，用户支付的钱款不经过 BufPay 而是直接到你的微信和支付宝钱包，即时到账，绝对安全。</p>
                                <li>
                                    <strong>「BufPay 个人收款」稳定吗？会不会掉单？</strong>
                                </li>
                                <p>BufPay 用了严密的支付检测技术和二维码调度算法且服务器在国内，稳定运行已久，无一漏单。</p>
                                <li>
                                    <strong>安装 BufPay App 的手机需要 root 吗？</strong>
                                </li>
                                <p>不用。</p>
                                <li>
                                    <strong>为什么要安装App呢，如果手机没电或者没网会怎样？</strong>
                                </li>
                                <p>「BufPay 个人收款」的原理就是监控微信、支付宝的二维码到账通知，通过在 Android 手机上面安装「BufPay 个人收款」App 可以监听到账通知，从而实现支付成功回调。如果手机没电或者没网络，那么手机就无法收到支付到账通知，用户扫码支付成功后就没办法回调你的服务接口了。</p>
                                <li>
                                    <strong>我用于收款的微信或支付宝账号会不会有什么风险？</strong>
                                </li>
                                <p>没有风险，这个支付过程和平常扫码支付一样，合理合规合法。</p>
                                <li>
                                    <strong>可以自定义支付页面吗？</strong>
                                </li>
                                <p>可以的。通过设置 format=json 参数可以返回 json 格式的支付数据，你可以自己渲染支付页面。</p>
                                <li>
                                    <strong>你们平台如何扣费呢？</strong>
                                </li>
                                <p>每月的套餐费用需要提前升级或者续费，每笔的手续费需要预先充值到你的 BufPay 账户。</p>
                                <li>
                                    <strong>订单未支付成功会扣除手续费吗？</strong>
                                </li>
                                <p>不会，只有 BufPay App 检测到支付成功了，并且通知了你的服务器，才会扣手续费。</p>
                                <li>
                                    <strong>用户已经扫码付款，但是我没有收到回调是什么情况呢？</strong>
                                </li>
                                <p>有多种可能。用户支付后到你的应用收到回调通知，大概有几秒的延迟，如果 BufPay 调用你的回调通知接口失败，BufPay 会连续通知三次，每次间隔一分钟。还有可能是订单已经过期后用户才付款，这也会导致不会收到回调通知。</p>
                                <li>
                                    <strong>支付二维码过期后用户转账付款，怎么办呢？</strong>
                                </li>
                                <p>你可以在后台的订单管理页面，找到这个用户对应的订单，然后点击「已经收款」按钮，bufpay.com 会调用你的回调接口通知这个订单已经收款。</p>
                                <li>
                                    <strong>支持支付宝官方收钱码吗，提现免费的那种？</strong>
                                </li>
                                <p>支持的，BufPay 支持支付宝普通收款码和官方收钱码。</p>
                                <li>
                                    <strong>用 java 调用接口怎么会提示证书出错呢？</strong>
                                </li>
                                <p>可能是 jdk 对 let's encrypt ssl 证书的支持问题，把 API 的 https 换成 http 即可
                                </p>
                                <li>
                                    <strong class="text-danger">微信收到款后在通知栏怎么没有金额呢，只有到账通知？</strong>
                                </li>
                                <p>应该是没有开启 “微信收款语音播报” 在微信「我」-「钱包」-「收付款」- 「二维码收款」- 点击右上角三个点 开启收款到账语音提醒。</p>
                                <li>
                                    <strong class="text-danger">BufPay 收款有限额吗？</strong>
                                </li>
                                <p>没有。</p>
                                <li>
                                    <strong class="text-danger">上传收款二维码数量有限制吗？</strong>
                                </li>
                                <p>没有数量限制。每天最多上传500张，超过500张隔天再上传哦。</p>
                                <li>
                                    <strong class="text-danger">支持企业微信买单二维码吗？</strong>
                                </li>
                                <p>支持。</p>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="miui">
                <div class="my-auto">
                    <h2 class="mb-5">小米手机MIUI配置</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">1. 开启 BufPay APP 通知读取权限</h3>
                            <div class="subheading mb-3"></div>
                            <p>
                                <span class="text-danger">注意：</span>必须开启 BufPay APP 的通知读取权限，否则无法读取支付通知。<br>安装 BufPay APP 后会自动跳转到通知设置页面，请找到「BufPay 收款」，并勾选。<br>以后要开启，请在系统「设置」-「更多设置」-「系统安全」-「通知读取权限」勾选。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_1.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">2. 关闭神隐模式 和 关闭休眠</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「电量和性能」-「神隐模式」- 「应用配置」- 右上角三个点「关闭应用后台智能省电」。
                            </p>
                            <p>在系统「设置」-「锁屏和密码」-「自动锁屏」- 选择「屏幕永不休眠」。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_2_1.png" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_2_2.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">3. 开启 BufPay收款、微信、支付宝 的开机自启权限</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「授权管理」-「自启动管理」- 勾选 BufPay收款、微信、支付宝 允许自启动。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_3.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">4. 锁定 BufPay收款、微信、支付宝 任务，不要被系统自动清理</h3>
                            <div class="subheading mb-3"></div>
                            <p>打开三个应用，然后按 设置键 呼出任务管理，向下拉动应用，锁定应用。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_4.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">5. 关闭 WLAN 优化</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「WLAN」-「高级设置」- 关闭「WLAN优化」。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_5.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">6. 开启 BufPay收款、微信、支付宝 的全部推送通知</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「通知和状态栏」-「通知管理」- 找到 BufPay收款、微信、支付宝 开启所有通知。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_6_1.png" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_6_2.png" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_6_3.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">7. 关闭 微信勿扰模式</h3>
                            <div class="subheading mb-3"></div>
                            <p>在微信「设置」-「勿扰模式」- 关闭 勿扰模式。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_7.png" class="screenshot">

                            <p>
                                <span class="text-danger">注意：</span>如果你在电脑上也登陆了这个收款微信号，请记得把手机静音取消，不然就收不到付款通知哦。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_7_1.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">8. 开启 微信收款语音播报</h3>
                            <div class="subheading mb-3"></div>
                            <p>在微信「我」-「钱包」-「收付款」- 「二维码收款」- 点击右上角三个点 开启收款到账语音提醒。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_8.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">9. 开启 支付宝收付款消息提醒</h3>
                            <div class="subheading mb-3"></div>
                            <p>在支付宝搜索「支付助手」- 点击支付助手右上角图标 - 开启 接收支付消息提醒。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_9.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">10. 开启 分屏显示</h3>
                            <div class="subheading mb-3"></div>
                            <p>如果手机支持分屏，建议把微信、支付宝显示到两个分屏，有助于即时收到微信支付宝到账推送，进程不被手机异常退出。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/duil_screen.jpg" class="screenshot">
                        </div>
                    </div>

                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="samsung">
                <div class="my-auto">
                    <h2 class="mb-5">三星手机配置</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">1. 开启 BufPay APP 通知读取权限</h3>
                            <div class="subheading mb-3"></div>
                            <p>
                                <span class="text-danger">注意：</span>必须开启 BufPay APP 的通知读取权限，否则无法读取支付通知。<br>安装 BufPay APP 后会自动跳转到通知设置页面，请找到「BufPay 收款」，并勾选。<br>以后要开启，请在系统「设置」-「锁定屏幕与安全」-「其他安全设置」-「高级设置」-「通知访问」勾选。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_1.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">2. 关闭省电模式 和 关闭休眠</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「常规设置」-「电池」- 「省电模式」- 点击关闭。
                            </p>
                            <p>在系统「设置」-「显示」-「休眠」- 选择永不不要。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_2.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">3. 开启 BufPay收款、微信、支付宝 的开机自启权限</h3>
                            <div class="subheading mb-3"></div>
                            <p>「智能管理器」-「应用程序管理」-「自启动应用程序」- 勾选 BufPay收款、微信、支付宝 允许自启动。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_3.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">4. 锁定 BufPay收款、微信、支付宝 任务，不要被系统自动清理</h3>
                            <div class="subheading mb-3"></div>
                            <p>打开三个应用，然后按 设置键 呼出任务管理，向下拉动应用，锁定应用。
                            </p>
                            <!--<img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_4.jpg" class="screenshot" />-->
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">5. 睡眠期间保持 WLAN 开启</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「链接」-「WLAN」- 右上角「高级」- 「睡眠期间保持 WLAN 开启」。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_5.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">6. 开启 BufPay收款、微信、支付宝 的全部推送通知</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「应用程序」- 找到 BufPay收款、微信、支付宝 - 「通知」开启所有通知。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_6_1.jpg" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_6_2.jpg" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/s_6_3.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">7. 关闭 微信勿扰模式</h3>
                            <div class="subheading mb-3"></div>
                            <p>在微信「设置」-「勿扰模式」- 关闭 勿扰模式。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_7.png" class="screenshot">

                            <p>
                                <span class="text-danger">注意：</span>如果你在电脑上也登陆了这个收款微信号，请记得把手机静音取消，不然就收不到付款通知哦。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_7_1.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">8. 开启 微信收款语音播报</h3>
                            <div class="subheading mb-3"></div>
                            <p>在微信「我」-「钱包」-「收付款」- 「二维码收款」- 点击右上角三个点 开启收款到账语音提醒。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_8.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">9. 开启 支付宝收付款消息提醒</h3>
                            <div class="subheading mb-3"></div>
                            <p>在支付宝搜索「支付助手」- 点击支付助手右上角图标 - 开启 接收支付消息提醒。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_9.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">10. 开启 分屏显示</h3>
                            <div class="subheading mb-3"></div>
                            <p>如果手机支持分屏，建议把微信、支付宝显示到两个分屏，有助于即时收到微信支付宝到账推送，进程不被手机异常退出。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/duil_screen.jpg" class="screenshot">
                        </div>
                    </div>

                </div>
            </section>

            <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="huawei">
                <div class="my-auto">
                    <h2 class="mb-5">华为手机配置</h2>
                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">1. 开启 BufPay APP 通知读取权限</h3>
                            <div class="subheading mb-3"></div>
                            <p>
                                <span class="text-danger">注意：</span>必须开启 BufPay APP 的通知读取权限，否则无法读取支付通知。<br>安装 BufPay APP 后会自动跳转到通知设置页面，请找到「BufPay 收款」，并勾选。<br>以后要开启，请在系统「设置」-「应用和通知」-「应用管理」- 底部「设置」-「特殊访问权限」-「通知使用权」勾选。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_1.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">2. 关闭省电模式 和 关闭休眠</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「电池」- 「省电模式」和「超级省电」- 点击关闭。
                            </p>
                            <p>在系统「设置」-「显示」- 「休眠」- 点击永不。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_2_1.jpg" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_2_2.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">3. 开启 BufPay收款、微信、支付宝 的开机自启权限</h3>
                            <div class="subheading mb-3"></div>
                            <p>「设置」-「电池」-「启动管理」- 勾选 BufPay收款、微信、支付宝 允许自启动。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_3.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">4. 锁定 BufPay收款、微信、支付宝 任务，不要被系统自动清理</h3>
                            <div class="subheading mb-3"></div>
                            <p>打开三个应用，然后按 设置键 呼出任务管理，点击锁定图标，锁定应用。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_4.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">5. 关闭 WLAN+ 和 开启休眠保存 WLAN 连接</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「无线和网络」-「WLAN」- 「WLAN+」- 点击关闭。</p>
                            <p>在系统「设置」-「无线和网络」-「WLAN」- 底部「设置」- 「在休眠状态下保存 WLAN 连接」选择始终。</p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_5_1.jpg" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_5_2.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">6. 开启 BufPay收款、微信、支付宝 的全部推送通知</h3>
                            <div class="subheading mb-3"></div>
                            <p>在系统「设置」-「应用和通知」- 「通知管理」- 找到 BufPay收款、微信、支付宝 - 「通知」开启所有通知。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_6_1.jpg" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_6_2.jpg" class="screenshot">
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/h_6_3.jpg" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">7. 关闭 微信勿扰模式</h3>
                            <div class="subheading mb-3"></div>
                            <p>在微信「设置」-「勿扰模式」- 关闭 勿扰模式。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_7.png" class="screenshot">

                            <p>
                                <span class="text-danger">注意：</span>如果你在电脑上也登陆了这个收款微信号，请记得把手机静音取消，不然就收不到付款通知哦。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_7_1.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">8. 开启 微信收款语音播报</h3>
                            <div class="subheading mb-3"></div>
                            <p>在微信「我」-「钱包」-「收付款」- 「二维码收款」- 点击右上角三个点 开启收款到账语音提醒。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_8.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">9. 开启 支付宝收付款消息提醒</h3>
                            <div class="subheading mb-3"></div>
                            <p>在支付宝搜索「支付助手」- 点击支付助手右上角图标 - 开启 接收支付消息提醒。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/mi_9.png" class="screenshot">
                        </div>
                    </div>

                    <div class="resume-item d-flex flex-column flex-md-row mb-5">
                        <div class="resume-content mr-auto">
                            <h3 class="mb-0">10. 开启 分屏显示</h3>
                            <div class="subheading mb-3"></div>
                            <p>如果手机支持分屏，建议把微信、支付宝显示到两个分屏，有助于即时收到微信支付宝到账推送，进程不被手机异常退出。
                            </p>
                            <img src="https://bufpay.oss-cn-shenzhen.aliyuncs.com/help/duil_screen.jpg" class="screenshot">
                        </div>
                    </div>

                </div>
            </section>
        </div>
    </div>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>
